	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>LifeInClass - Master Login</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
	<link href="css/navbar-static-top.css" rel="stylesheet">
	<style type="text/css">
		.shadow {
			box-shadow: 10px 10px 20px 2px #222222;
			-moz-box-shadow: 10px 10px 20px 2px #222222;
			-webkit-box-shadow: 10px 10px 20px 2px #222222;
		}
	</style>
<!--	<script src="../js/bootstrap-combobox.js"></script>-->
	<script src="js/jquery.js"></script>
	<script src="js/login.js"></script>
	</head>
	<body>	

<!-- ============   Navigation-static-top navbar   ============== -->

	<nav class="navbar navbar-default navbar-static-top" role="navigation" style="background: #a8cf45; padding:0% 12%;">
  		<div class="container">
    		<div class="navbar-header">
      			<a href="index.html"><img width="250px" src="images/logo1.png" style="margin-top:18px"></a>
      		</div>
    		<div id="navbar" class="navbar-collapse collapse" style="margin-top:30px;">
      			<ul class="nav navbar-nav pull-right" style="margin-right:12%; margin-bottom:2%;">
        			<li><a href="#about" class="head-tabs" data-toggle="tab"><font size="4"></font></a></li> 
      			</ul>
    		</div>
  		</div>
	</nav>

<!-- ============   END of Navigation-static-top navbar   ============== -->


		<div class="container" style="padding: 6% 0%;">
			<div class="shadow" style="margin: auto; width: 320px; border-radius: 10px; border	: 4px solid #fff;">
			  <div style="text-align: center; background: #f9f9f9; border: 1px solid #aaa; border-radius: 8px 8px 0px 0px; height: 40px;">
				<h5> LIFEINCLASS ADMIN LOGIN</h5>
			  </div>
				<div style="padding: 20px;border: 1px solid #aaa; border-top:0; border-radius:0px 0px 8px 8px;">
						<div style="color:#FC6A02;font-size:small;" id="login_err_msg">
					<!--	<div class="row" style="padding: 10px 0">
							<input type="radio" name="login-type" checked="checked" value="admin" style="margin-left: 70px;"><span style="margin-left: 7px;">Admin</span><input value="faculty" type="radio" style="margin-left: 20px;" name="login-type"><span style="margin-left: 7px;">Faculty</span><input type="radio" value="student" style="margin-left: 20px;" name="login-type"><span style="margin-left: 7px;">Student</span>
						</div>-->						
						</div>
						<div class="row">
							<div class="span2" style="padding: 0pt 10px;"><input type="text" class="form-control" id="username" required="required" placeholder="Username" style="border-radius:4px 4px 0px 0px"/></div>
						</div>
						<div class="row">
							<div class="span2" style="padding: 0pt 10px;;"><input type="password" autocomplete="off" required="required" placeholder="Password" class="form-control" id="password" style="border-radius: 0px 0px 4px 4px"/></div>
						</div>						
						<div style="text-align: center;margin-top:10px;"><button class="btn btn-primary btn-large" onclick="login();"/> Login</button></div>
				</div> 
			</div>
		</div>

<!-- ============================   Footer  =========================== -->

    
  	<div class="footer" style="background-color: #a8cf45; padding:0% 12%;">
    	<div class="container">
      		<div class="navbar-header" style="margin-bottom:2%;">
        		<a href="index.html"><img width="250px" src="images/logo1.png" style="margin-top:30px;"></a>
        	</div>
      		<div id="navbar" style="margin-top:30px;">
        	</div>
    </div>
  </div>

<!-- ============================   END of Footer  =========================== -->
	</body>
</html>
	
